<html>
  <head>
    <title>Canvas - Rendering Test</title>
    <script type="text/javascript" src="JS/Canvas/Utilities.js"></script>
    <script type="text/javascript" src="JS/Canvas/Math.js"></script>
    <script type="text/javascript" src="JS/Canvas/Asset.js"></script>
    <script type="text/javascript" src="JS/Canvas/Style.js"></script>
    <script type="text/javascript" src="JS/Canvas/Layer.js"></script>
    <script type="text/javascript" src="JS/Canvas/Gizmo.js"></script>
    <script type="text/javascript" src="JS/Canvas/Interaction.js"></script>
    <script type="text/javascript" src="JS/Canvas/Engine.js"></script>
    <script type="text/javascript" src="JS/Canvas/Scene.js"></script>
    <script type="text/javascript" src="JS/Tetris.js"></script>
  </head>
  <body onload="main();">
  <div style="position: relative;">
    <canvas id="bg" width="640" height="480" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
    <canvas id="click" width="640" height="480" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas>
    <canvas id="fg" width="640" height="480" style="position: absolute; left: 0; top: 0; z-index: 2;"></canvas>
  </div>
  
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>

  <div style="position: relative;">
    <input type="button" Value="BG" onclick="$('bg').style.display != 'none' ? $('bg').style.display = 'none' : $('bg').style.display = 'block';" />
    <input type="button" Value="FG" onclick="$('fg').style.display != 'none' ? $('fg').style.display = 'none' : $('fg').style.display = 'block';" />
    <input type="button" Value="Click" onclick="$('click').style.display != 'none' ? $('click').style.display = 'none' : $('click').style.display = 'block';" />
  </div>
  </body>
</html>
